// banner轮播
$(function(){
	
	var imgBox = $("#js-mainBanner_imgBox");  //图片父容器
	
	var img = imgBox.find("img"); // 找到图片
	
	var imgNum = img.size();	// 获取图片个数
	
	var imgWidth = img.width();	// 获取图片宽度
	
	imgBox.width(imgWidth*imgNum);
	
	var i = 0;  //索引
	
	//定义动画函数
	function move(){
		i++;	//索引每隔两秒递增1
		
		imgBox.animate({"left":-(i*imgWidth)});		//改变父容器移动位置
		
		$("#js-mainBanner_page span").eq(i).addClass("se").siblings().removeClass("se");
		
		if(i>imgNum-1){								//当索引大于最大图片索引值时
		
			img.first().clone().appendTo(imgBox);	//找到第一张图片复制并插入到父容器当中
			
			$("#page span").eq(0).addClass("se").siblings().removeClass("se");
			
			imgBox.width(imgWidth*(imgNum+1));		//重新给父容器宽度赋值
			
			
			//在被复制的第一张图片执行完左移动动画之后，执行回调函数
			imgBox.animate({"left":-(i*imgWidth)},function(){
				
				img = imgBox.find("img");	//重新获取img图片
				
				imgBox.css("left","0");		//整个父容器瞬间回到初始位置0
				
				img.last().remove();		//把刚刚插入进去的图片及复制的第一张图删掉
				
				i=0;						//索引回到0，重新开始动画
			});	
		}	
	}	
	
	//每隔两秒钟调用函数，让动画执行
	var moveId = setInterval(move,2000);
	
	
	//鼠标悬浮到触发器时动画停止
	$("#js-mainBanner_page span").hover(function(){
		
		$(this).addClass("se").siblings().removeClass("se");	
		
		clearInterval(moveId);	//动画停止
		
		i = $(this).index();	//指定当前的索引值
		
		imgBox.stop().animate({"left":-(i*imgWidth)});	//让图片父容器滚动到对应位置	
		
	},function(){
		
		moveId = setInterval(move,2000);	
	
	});
})
var timeClean;

function sss(){
	clearTimeout(timeClean);
	$('.mainSearch_class').show();
}

function bbb(){
	if(timeClean) clearTimeout(timeClean);
	timeClean = setTimeout(function(){
		$('.mainSearch_class').hide();
	},300);
}






